$card-padding: .5em;

:host {
  @apply flex flex-col relative h-full w-full;
  
  .content {
    @apply flex-1 h-full w-full;
    padding: $card-padding;
  }

  .echarts {
    height: 60px !important;
  }
}

.pac-indicator-card__sub-indicators {
  flex: 1;
}

.ngm-indicator__kpi-title {
  font-size: 1rem;
  font-style: normal;
  font-weight: bold;
}

.ngm-indicator__kpi-maxnum-xauto {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.ngm-indicator__kpi-maxnum {
  font-stretch: condensed;
  font-size: 4rem;
  font-family: 'Oswald', Lato, 'Noto Serif SC', monospace;
}

.ngm-indicator__kpi-text {
  font-size: 12px;
}

.ngm-indicator__kpi_text-up,
.ngm-indicator__kpi-text-down {
  font-size: 12px;
}

.pac-indicator-card__loading {
  position: absolute;
  right: $card-padding;
  top: $card-padding;
}

.pac-indicator-card__error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
